<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Lee Blog——技术宅的博客</title>
    <link rel="stylesheet" href="layui/css/layui.css">
    <link rel="stylesheet" href="css/index.css">
    <meta name="viewport"
          content="width=device-width, initial-scale=1.0, minimum-scale=0.5, maximum-scale=2.0, user-scalable=yes"/>
</head>
<body>

<div id="to_top">
    <i class="layui-icon layui-icon-top"></i>
</div>

<div id="black_bg" class="layui-fluid">
    <div id="black_msg" class="layui-anim layui-anim-scale">
        <h1>Lee Blog</h1>
        <p id="phrase"></p>
        <span id="from">——</span>
        <br>
        <br>
        <br>
        <a href="home.html" th:href="@{/home}" id="enter_btn" class="layui-btn layui-btn-normal">Enter Blog</a>
    </div>

    <div id="down">
        <i class="layui-icon layui-icon-down layui-anim layui-anim-up"></i>
    </div>
</div>


<div id="new_rticle" class="layui-fluid">
    <h1>最新文章</h1>
    <hr class="layui-bg-blue">
    <div class="layui-row layui-col-space30">

        <div class="layui-col-sm4 layui-anim layui-anim-upbit">
            <div class="layui-row layui-col-space15 article_item">
                <div class="layui-col-lg4">
                    <a href="javascript:void(0)" class="article_img">
                        <img src="images/bg.jpg" width="100%" alt="">
                        <div class="img_show"><p style="color: white"><i class="layui-icon layui-icon-search"></i></p>
                        </div>
                    </a>
                </div>
                <div class="layui-col-lg8">
                    <a href="javascript:void(0)"><h3>Java从入门到精通教程</h3></a>
                    <p>业界最著名的Java语言教程，让你从年头学到年尾！业界最著名的Java语言教程，让你从年头学到年尾！让你从年头学到年</p>
                </div>
            </div>
        </div>

        <div class="layui-col-sm4 layui-anim layui-anim-upbit">
            <div class="layui-row layui-col-space15 article_item">
                <div class="layui-col-lg4">
                    <a href="javascript:void(0)" class="article_img">
                        <img src="images/bg.jpg" width="100%" alt="">
                        <div class="img_show"><p style="color: white"><i class="layui-icon layui-icon-search"></i></p>
                        </div>
                    </a>
                </div>
                <div class="layui-col-lg8">
                    <a href="javascript:void(0)"><h3>Java从入门到精通教程</h3></a>
                    <p>业界最著名的Java语言教程，让你从年头学到年尾！业界最著名的Java语言教程，让你从年头学到年尾！</p>
                </div>
            </div>
        </div>

        <div class="layui-col-sm4 layui-anim layui-anim-upbit">
            <div class="layui-row layui-col-space15 article_item">
                <div class="layui-col-lg4">
                    <a href="javascript:void(0)" class="article_img">
                        <img src="images/bg.jpg" width="100%" alt="">
                        <div class="img_show"><p style="color: white"><i class="layui-icon layui-icon-search"></i></p>
                        </div>
                    </a>
                </div>
                <div class="layui-col-lg8">
                    <a href="javascript:void(0)"><h3>Java从入门到精通教程</h3></a>
                    <p>业界最著名的Java语言教程，让你从年头学到年尾！业界最著名的Java语言教程，让你从年头学到年尾！</p>
                </div>
            </div>
        </div>

    </div>
</div>

<div id="skill" class="layui-fluid">
    <h1>技能</h1>
    <hr class="layui-bg-blue">
    <div class="layui-row layui-col-space30">
        <div class="layui-col-sm3">
            <img src="images/spring.png" alt="">
            <div class="layui-progress">
                <div class="layui-progress-bar" lay-percent="70%"></div>
            </div>
        </div>
        <div class="layui-col-sm3">
            <img src="images/java.png" alt="">
            <div class="layui-progress">
                <div class="layui-progress-bar" lay-percent="78%"></div>
            </div>
        </div>
        <div class="layui-col-sm3">
            <img src="images/layui.png" alt="">
            <div class="layui-progress">
                <div class="layui-progress-bar" lay-percent="60%"></div>
            </div>
        </div>
        <div class="layui-col-sm3">
            <img src="images/jquery.png" alt="">
            <div class="layui-progress">
                <div class="layui-progress-bar" lay-percent="50%"></div>
            </div>
        </div>
    </div>

    <div class="layui-row layui-col-space30">
        <div class="layui-col-sm3">
            <img src="images/mysql.png" alt="">
            <div class="layui-progress">
                <div class="layui-progress-bar" lay-percent="68%"></div>
            </div>
        </div>
        <div class="layui-col-sm3">
            <img src="images/mybatis.png" alt="">
            <div class="layui-progress">
                <div class="layui-progress-bar" lay-percent="65%"></div>
            </div>
        </div>
        <div class="layui-col-sm3">
            <img src="images/htmlcssjs.png" alt="">
            <div class="layui-progress">
                <div class="layui-progress-bar" lay-percent="66%"></div>
            </div>
        </div>
        <div class="layui-col-sm3">
            <img src="images/maven.png" alt="">
            <div class="layui-progress">
                <div class="layui-progress-bar" lay-percent="54%"></div>
            </div>
        </div>
    </div>
</div>


<div id="time">
    <h2>截至<span></span></h2>
    <h1>网站已经运行：<span id="day"> </span>天<span id="hour"> </span>小时<span id="minutes"> </span>分钟<span id="second"> </span>秒</h1>
</div>

<div id="info" class="layui-fluid">
    <div class="layui-row layui-col-space30">
        <div class="layui-col-sm4">
            <h2><i class="layui-icon layui-icon-user"></i>Lee</h2>
            <p>没有脚踏实地建立起来的东西，就无法形成精神和物质上的支撑。</p>
            <p>此博客为学习记录所用，仅代表个人观点!</p>
            <p>本人初学，如有不当，请多指教！</p>
        </div>
        <div class="layui-col-sm4">
            <h2><i class="layui-icon layui-icon-website"></i>网站地图</h2>
            <div class="layui-row">
                <div class="layui-col-xs6">
                    <a href="javascript:void(0)" th:href="@{/home}">首页</a>
                </div>
                <div class="layui-col-xs6">
                    <a href="javascript:void(0)" th:href="@{/technology}">文章</a>
                </div>
            </div>
            <div class="layui-row">
                <div class="layui-col-xs6">
                    <a href="javascript:void(0)" th:href="@{/message}">留言</a>
                </div>
                <div class="layui-col-xs6">
                    <a href="javascript:void(0)" th:href="@{/time}">时间轴</a>
                </div>
            </div>
            <div class="layui-row">
                <div class="layui-col-xs6">
                    <a href="javascript:void(0)">友情链接</a>
                </div>
                <div class="layui-col-xs6">
                    <a href="javascript:void(0)" th:href="@{/about}">关于我</a>
                </div>
            </div>
        </div>
        <div class="layui-col-sm4">
            <h2><i class="layui-icon layui-icon-dialogue"></i>联系我</h2>
            <p><a href="tencent://AddContact/?fromId=45&fromSubId=1&subcmd=all&uin=1101375579"><i class="layui-icon layui-icon-login-qq"></i>QQ：1435564677</a></p>
            <p><a id="wechat" href="javascript:void(0)"><i class="layui-icon layui-icon-login-wechat"></i>微信：CanC_0324</a></p>
            <p><a href="mailto:ljr1204@hotmail.com"><i class="layui-icon layui-icon-email"></i>邮箱：lc@163.com</a></p>
        </div>

    </div>
</div>

<div id="wechatimg" style="display: none">
    <img src="images/wechat.jpg" alt="此处应有微信二维码" width="300px" height="300px">
</div>

<div id="footer"><a href="http://www.beian.miit.gov.cn/">Copyright © 2020 LeeBlog 鄂ICP备20013163号</a></div>

<script src="js/jquery-3.4.1.js"></script>
<script src="js/function.js"></script>
<script src="layui/layui.js"></script>
<script src="js/index.js"></script>
<script>

</script>
</body>
</html>